<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>ueditor图片对话框</title>
    <!-- jquery -->
    <script type="text/javascript" src="../../third-party/jquery-1.10.2.min.js"></script>
    <!-- webuploader -->
    <script src="../../third-party/webuploader/webuploader.min.js"></script>
	<script type="text/javascript" src="/assets/layer/layer.js"></script>
    <link rel="stylesheet" type="text/css" href="../../third-party/webuploader/webuploader.css">
    <!-- image dialog -->
    <link rel="stylesheet" type="text/css" href="../../themes/default/dialogbase.css">
    <link rel="stylesheet" href="image.css" type="text/css" />
</head>
<body>
    <div class="wrapper">
        <div id="tabhead" class="tabhead">
            <span class="tab" data-content-id="remote">插入图片</span>
            <span class="tab focus" data-content-id="upload">本地上传</span>
            <span class="tab" data-content-id="online">在线管理</span>
        </div>
        <div id="tabbody" class="tabbody">
            <!-- 远程图片 -->
            <div id="remote" class="panel">
                <div class="top">
                    <div class="row">
                        <label for="url">地 址：</label>
                        <span><input class="text" id="url" type="text"></span>
                    </div>
                </div>
                <div class="center"><div id="preview"></div></div>
            </div>

            <!-- 上传图片 -->
            <div id="upload" class="panel focus">
                <div id="queueList" class="queueList">
                    <div class="statusBar element-invisible">
                        <div class="progress" style="display: none;">
                            <span class="text">0%</span>
                            <span class="percentage" style="width: 0%;"></span>
                        </div><div class="info" style="display: none;">共0张（0B），0张上传成功</div>
                        <div class="btns">
                            <div id="filePickerBtn" class="webuploader-container"><div class="webuploader-pick">继续添加</div><div id="rt_rt_1agpc424an17tdg9r71eb0kj36" style="position: absolute; top: 0px; left: 10px; width: 52px; height: 122px; overflow: hidden; bottom: auto; right: auto;"><input type="file" name="file" class="webuploader-element-invisible" multiple="multiple" accept="image/*"><label style="opacity: 0; width: 100%; height: 100%; display: block; cursor: pointer; background: rgb(255, 255, 255);"></label></div></div>
                            <div class="uploadBtn state-pedding disabled">开始上传</div>
                        </div>
                    </div>
                    <div id="dndArea" class="placeholder">
                        <div class="filePickerContainer">
                            <div id="filePickerReady" class="webuploader-container"><div class="webuploader-pick">点击选择图片</div><div id="rt_rt_1agpc4247inevr0m0v1it2at81" style="position: absolute; top: 0px; left: 219px; width: 168px; height: 44px; overflow: hidden; bottom: auto; right: auto;"><input type="file" name="file" class="webuploader-element-invisible" multiple="multiple" accept="image/*"><label style="opacity: 0; width: 100%; height: 100%; display: block; cursor: pointer; background: rgb(255, 255, 255);"></label></div></div>
                        </div>
                    </div>
                    <ul class="filelist element-invisible">
                        <li id="filePickerBlock" class="filePickerBlock webuploader-container"><div class="webuploader-pick"></div><div id="rt_rt_1agpc424a7tjfh1q7rp9129p4" style="position: absolute; top: 0px; left: 0px; width: 113px; height: 113px; overflow: hidden; bottom: auto; right: auto;"><input type="file" name="file" class="webuploader-element-invisible" multiple="multiple" accept="image/*"><label style="opacity: 0; width: 100%; height: 100%; display: block; cursor: pointer; background: rgb(255, 255, 255);"></label></div></li>
                    </ul>
                </div>
            </div>
            
            <!-- 在线图片 -->
            <div id="online" class="panel">
                <div id="imageList"><var id="lang_imgLoading"></var></div>
            </div>
        </div>
    </div>
    <div class="layui-layer-btn"><a id="okbtn" class="layui-layer-btn0">确定</a><a id="cancelbtn" class="layui-layer-btn1">取消</a></div>
     <script type="text/javascript" src="utils.js"></script>
    <script type="text/javascript" src="image.js"></script>


</body></html>